<template>
	<view class="flex align-center p-2 border-bottom border-light-secondary" hover-class="bg-light">
		<image :src="item.avatar" class="rounded-circle mr-2" style="width: 100rpx;height: 100rpx;"></image>
		<view class="flex flex-column flex-1">
			<text class="font-md">{{item.username}}</text>
			<uni-badge :text="item.age" :type="item.sex === 1 ? 'error' : 'primary'" size="small">
				<text v-if="item.sex > 0" class="iconfont text-white font-sm" :class="item.sex === 1 ? 'icon-nv' : 'icon-nan'"
				 style="margin-right: 5rpx;"></text>
			</uni-badge>
		</view>
		<view>
			<text class="uni-icon uni-icon-checkbox-filled" :class="item.isFollow ? 'text-main' : 'text-light-muted'"></text>
		</view>
	</view>
</template>

<script>
	// 数字角标组件库
	import uniBadge from '@/components/uni-ui/uni-badge/uni-badge.vue'
	export default {
		components: {
			uniBadge
		},
		props: {
			item: Object,
			index: Number
		}
	}
</script>

<style>
</style>
